<template>
  <el-col class="tac">
    <el-col :span="24">
      <el-menu
        router
        default-active="/Index/index1"
        class="el-menu-vertical-demo"
      >
        <el-menu-item index="/Index/index">
          <i class="el-icon-location"></i>
          <span>首页</span>
        </el-menu-item>
        <el-menu-item index="/Index/wzMore">
          <i class="el-icon-document"></i>
          <span slot="title">订单列表</span>
        </el-menu-item>
        <el-menu-item index="/Index/bsUser">
          <i class="el-icon-menu"></i>
          <span slot="title">员工管理</span>
        </el-menu-item>
        <el-menu-item index="/Index/3">
          <i class="el-icon-document"></i>
          <span slot="title">导航三</span>
        </el-menu-item>
        <el-menu-item index="/Index/hpGoodsList">
          <i class="el-icon-document"></i>
          <span slot="title">商品列表</span>
        </el-menu-item>
        <el-menu-item index="/Index/LjnMore">
          <i class="el-icon-document"></i>
          <span slot="title">LjnMore</span>
        </el-menu-item>
        <el-menu-item index="/Index/CjAddGoods">
          <i class="el-icon-document"></i>
          <span slot="title">新增商品</span>
        </el-menu-item>
      </el-menu>
    </el-col>
  </el-col>
</template>

<script>
import route from "../router/index";
export default {
  name: "Leftnav",
  methods: {},
  computed: {
    onRoutes() {
      //hp:地址变化时 改变el-menu-item的选中状态
      return this.$route.path.replace("/", "");
    }
  }
};
</script>

<style scoped lang="less"></style>
